<!doctype html>
<html>
<head>
    <meta charset="utf-8"/>
    <title></title>
    <meta name="format-detection" content="telephone=no">
    <meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="apple-mobile-web-app-title" content="">
    <meta name="apple-mobile-web-app-capable" content="yes">
    @@include('include/css.html')
</head>
<body>
    @@include('include/header.html')
    <div class="page page-current" id='test_base'>
        <div class="content">
            <br/>
            <br/>
            <br/>
            0. 新建 example.html 放入本页内容
            1. 替换本页面中： test_base 替换为 example
            2. 在 circle.js中添加页面js代码
                $(document).on("pageInit", "#test_base", function(e, id, page) {
                    // $(page).css({"z-index":"3001" });//顶最顶层
                });
            3. 在2步页面中加入初始化js页面代码
                // 页面数据
                QDD.data.test_base = {
                    "title":"标题",
                    "description":"描述",
                    "shareTitle":"分享标题",
                    "shareDescription":"分享描述",
                    "shareLogo":"分享图片"
                };
                var data=QDD.data.test_base;

                // 初始化页面数据
                QDD.pageInit(data);
            4. 如果有vue组件，统一写法如下：
                // 组件： app
                data.app = {
                    tipsLoad: {
                        show:true,
                        title:"加载中…",
                        icon:"sory"
                    },
                    tipsEmpty: {
                        show:false,
                        title:"列表为空",
                        icon:"sory"
                    },
                    items: [{
                        text: 'Learn JavaScript'
                    }, {
                        text: 'Learn Vue'
                    }]
                };
                var app = new Vue({
                    el: '#app',
                    data: data.app,
                    mounted() {
                        this.init()
                    },
                    methods:{
                        init:function(){
                            setTimeout(function(){
                                data: data.app.tipsLoad.show=false;
                            },1000);
                        }
                    }
                });
            5. 在本页加入组件html代码
                <div id="app">
                    <div v-if="tipsLoad.show==true" class="tips_data">
                        <i class="icon iconfont icon-shouye"></i><br/>
                        <span>{{tipsLoad.title}}</span>
                    </div>
                    <div v-show="tipsLoad.show==false" style="display: none;">
                        <div v-if="tipsEmpty.show==true" class="tips_data">
                            <i class="icon iconfont icon-shouye"></i><br/>
                            <span>{{tipsEmpty.title}}</span>
                        </div>
                        <ul v-if="tipsEmpty.show==false">
                            <li v-for="(item,index) in items">{{index}} {{ item.text }}</li>
                        </ul>
                    </div>
                </div>
        </div>
    </div>
    @@include('include/nav.html')
    @@include('include/js.html')
</body>
</html>